<template>
  <div class="left">
    <h3>这是一个Left组件</h3>
    <p>x坐标点:{{point.x}},y坐标点:{{point.y}}</p>
  </div>
</template>

<script>
import myPoint from '../hooks/myPoint';
export default {
  name: 'Left',
  setup() {
    let point = myPoint();
    return {
      point
    };
  }
  //   beforeCreate() {
  //     console.log('beforeCreate钩子函数执行了');
  //   },
  //   created() {
  //     console.log('created钩子函数执行了');
  //   },
  //   beforeMount() {
  //     console.log('beforeMount钩子函数执行了');
  //   },
  //   mounted() {
  //     console.log('mounted钩子函数执行了');
  //   },
  //   beforeUpdate() {
  //     console.log('beforeUpdate钩子函数执行了');
  //   },
  //   updated() {
  //     console.log('updated钩子函数执行了');
  //   },
  //   beforeUnmount() {
  //     console.log('beforeUnmount钩子函数执行了');
  //   },
  //   unmounted() {
  //     console.log('unmounted钩子函数执行了');
  //   }
};
</script>

<style scoped>
.left {
  width: 300px;
  height: 200px;
  background-color: blue;
  color: #fff;
}
</style>